import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const imgUlr =
      'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ed9058e9cb1ea8012049ef590789.jpg%401280w_1l_2o_100sh.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666850104&t=92a5971c04de3fe0ab4e253be7601a43'
    return () => (
      <>
        <div class="my-2 text-center px-4 w-full relative">
          <img src={imgUlr} alt="" class="w-full h-[100px] object-cover rounded-lg" />
          <span class="absolute top-0 right-4 inline-block bg-[#7D7D7D] text-white px-2 py-[2px] rounded-tr-lg rounded-bl-lg">
            广告
          </span>
        </div>
      </>
    )
  }
})
